<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title><?php echo $this->productName;?>APP端实际订单</title>
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
		<script type="text/javascript" src="<?php echo $this->baseUrl;?>/files/admin/js/highcharts/js/highcharts.js"></script>
		
		<!-- 1a) Optional: add a theme file -->
		<!--
			<script type="text/javascript" src="../js/themes/gray.js"></script>
		-->
		
		<!-- 1b) Optional: the exporting module -->
		<script type="text/javascript" src="<?php echo $this->baseUrl;?>/files/admin/js/highcharts/js/modules/exporting.js"></script>
		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
	var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'container',
						zoomType: 'xy'
					},
					title: {
						text: '<?php echo $this->productName;?>' + 'APP端实际订单'
					},
					subtitle: {
						text: '<?php echo $this->timeDesc;?>' + '报表'
					},
					xAxis: [{
						categories:<?php echo $this->categories;?>
					}],
					yAxis: [{ // Primary yAxis
						labels: {
							formatter: function() {
								return '￥'+ this.value ;
							},
							style: {
								color: '#4572A7'
							}
						},
						title: {
							text: '销售额',
							style: {
								color: '#4572A7'
							}
						}
					}, { // Secondary yAxis
						title: {
							text: '订单数',
							style: {
								color: '#993300'
							}
						},
						labels: {
							formatter: function() {
								return this.value;
							},
							style: {
								color: '#993300'
							}
						},
						opposite: true
					}],
					tooltip: {
						formatter: function() {
						    
							return  this.y  +
								(this.series.name == '销售额' ? ' 元' : ' 单');
						}
					},
					/*
					legend: {
						layout: 'vertical',
						align: 'left',
						x: 120,
						verticalAlign: 'top',
						y: 100,
						floating: true,
						backgroundColor: '#FFFFFF'
					},
					*/
					series:<?php echo $this->data;?>
				});
				
				
			});
				
		</script>
		
	</head>
	<body>
		
		<!-- 3. Add the container -->
		<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
		
				
	</body>
</html>
